/*
 * @Author: Wxx
 * @Date: 2022-02-28 16:02:00
 * @LastEditors: Wxx
 * @LastEditTime: 2022-02-28 16:08:14
 * @Description:
 */
import React, { Component } from "react";
import styled from "styled-components";

export default class App extends Component {
  render() {
    const FooterStyled = styled.footer`
      background: yellow;
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 50px;
      line-height: 50px;
      text-align: center;
      ul {
        display: flex;
        li {
          flex: 1;
        }
      }
    `;
    return (
      <FooterStyled>
        <ul>
          <li>首页</li>
          <li>影院</li>
          <li>我的</li>
        </ul>
      </FooterStyled>
    );
  }
}
